<template>
    <div class="basic-main">
      <div class="top">
        <Balance
          :title="`账号绑定`"
          :show-column="false"
          :show-title="true"
          :show-date="false"
          :show-search="false"
        >
        </Balance>
      </div>
  
      <div class="info">
          <div class="info-part">
               <div class="title">手机绑定</div>
               <div class="second">
                    <div class="text">您已绑定了手机 135****1559 您的手机为安全手机，可用于接收消息，账号核身(如找回密码、变更安全设置等)</div>
                    <div class="button thumb">修改</div>
               </div>
          </div>
          <div class="info-part">
               <div class="title">微信绑定</div>
               <div class="second">
                    <div class="text">您已绑定微信号su189******8549 可用户快速微信登录</div>
                    <div class="button thumb">修改</div>
               </div>
          </div>
      </div>
    </div>
  
    <!-- <Confirm
      title="确定要账户注销吗"
      v-model:show="showConfirm"
      @confirm="loginOut"
    /> -->
  </template>
  <script setup lang="ts" name="">
  import {ref} from "vue";
  import Balance from "@/components/Balance/index.vue";
  
  

  
  </script>
  <style scoped lang="scss">
  @media screen and (min-width: $pc-min-width) {
    @import "./pc.scss";
  }
  </style>
  